﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link href="~/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="~/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link href="~/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="~/css/base.css" />
    <link rel="stylesheet" href="~/css/info-mgt.css" />
    <link rel="stylesheet" href="~/layui/css/layui.css" media="all">
    <style>
        .tree_left {
            box-sizing: border-box;
            overflow-y: auto;
            width: 19%;
            border: 1px #c1d3de solid;
            margin-right: 1%;
            border-top: none;
        }

            .tree_left h6, .tree_right h6 {
                line-height: 30px;
                font-weight: bold;
                padding-left: 6px;
                color: #000;
                font-size: 14px
            }
        .tree_left_top {
            margin: 6px
        }

        .tree_input input {
            border: 1px #ccc solid;
            margin: 3px 0 0 10px;
            border-radius: 4px;
        }

        .layui-layer-title {
            background: url(images/righttitlebig.png) repeat-x;
            font-weight: bold;
            color: #46647e;
            border: 1px solid #c1d3de;
            height: 33px;
            line-height: 33px;
        }

        .tabe_bot label {
            width: 70px;
            text-align: right;
            font-size: 14px;
            font-weight: 900;
            color: #46647e
        }

        .l_left {
            float: left
        }

        .tabe_bot input, .tabe_bot select {
            width: 180px;
            height: 30px;
            border-radius: 6px;
            margin: 0 20px 0 0;
            border: none;
            border: 1px #ccc solid
        }

        .tabe_btn {
            width: 60px;
            height: 30px;
            background-color: #68b86c;
            border: none;
            border-radius: 6px;
            color: #fff
        }

        div#rMenu {
            position: absolute;
            visibility: hidden;
            top: 0;
            background-color: #99c9db;
            text-align: left;
            padding: 2px;
            z-index: 999
        }

            div#rMenu ul li {
                margin: 1px 0;
                padding: 5px 15px;
                cursor: pointer;
                list-style: none outside none;
                background-color: #5a8cc4;
                color: #fff
            }

                div#rMenu ul li:hover {
                    color: #000;
                    background-color: #ccc
                }

        #rMenu ul {
            margin: 0;
            padding: 0
        }

        ;
        .ztree_add_div {
            width: 200px;
            height: 100px;
            border: 1px solid #cccccc;
            padding-top: 10px;
            padding-bottom: 10px;
            display: none;
        }

        .ztree_add_div p {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .bot_btn .btn {
            width: 40px;
            height: 24px;
            background-color: #68b86c;
            border: none;
            border-radius: 6px;
            color: #fff;
            margin-right: 15px;
        }
        .bot_btn .btn1 {
            background-color: #c1d3de;
            border: none;
            border-radius: 6px;
            color: #000;
            margin-right: 0
        }
        .bot_btn {
            width: 100%;
            height: 30px;
            font-size: 13px;
            text-align: center;
        }
        .drop {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 5px;
            background-color: #68b86c;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            font-size: 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .update {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 5px;
            background-color: #68b86c;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            font-size: 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .table-operate a {
            width: 82px;
        }
    </style>


    <title>用户管理</title>
</head>

<body>
    <div class="title"><h2>用户管理</h2></div>

    <div class="l_left" style="width: 100%">
        <div class="query">
            <div class="tabe_bot">
                <div class="l_left"><label>用户名：</label><input type="text" placeholder="请输入姓名" id="user"></div>
                <button class="tabe_btn " id="check">查询</button>
                <div class="clear"></div>
            </div>
        </div>
        <div class="table-operate ue-clear">
            <a href="~/Home/Person_tail" class="add">添加联系人</a>
            <a href="/Person/Excel" class="del">导出Excel</a>
            @*<a href="javascript:;" class="del" id="checkbtn">批量删除</a>*@
        </div>
        <div class="table-box">
        </div>
        <div id="form_demo" style="display:none">
            <div class="top">
                <div>
                    <div class="top_out">
                        <table class="table">
                            <tbody>

                                <tr>
                                    <td style="border-top: none">用户名：<i class="i_start"></i></td>
                                    <td colspan="6" style="text-align: left;border-top: none"><input type="text" id="UserName" name="name" minlength="2" required id="recodeTit"></td>
                                </tr>
                                <tr>
                                    <td>姓名：</td>
                                    <td style="text-align: left">
                                        <input class="long_text" id="EmployeeName" />
                                    <td>密码：</td>
                                    <td colspan="3" style="text-align: left"><input type="password" class="long_text" id="UserPwd"></td>
                                </tr>
                                <tr>
                                    <td>所属部门：</td>
                                    <td style="text-align: left">
                                        <select id="DepartId">
                                            <option value="0">公关部</option>
                                            <option value="1">人事部</option>
                                            <option value="2">财务部</option>
                                        </select>
                                    </td>
                                    <td>所各状态：</td>
                                    <td colspan="3" style="text-align: left">
                                        <select id="Status">
                                            <option value="1">启动</option>
                                            <option value="0">关闭</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="line-height: 240px">备注：</td>
                                    <td colspan="8" style="text-align: left"><input id="Remark" style="width: 100%;height: 240px" /></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="bot_btn">
                    <input class="btn" id="btn" type="button" value="修改" />
                    <button class="btn btn1">返回</button>
                </div>
            </div>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>
        <script type="text/html" id="barDemo">
            <a class="update" lay-event="edit">编辑</a>
            <a class="drop" lay-event="del">删除</a>
        </script>
        <div class="pagination ue-clear"></div>
    </div>
</body>
<script type="text/javascript" src="~/js/jquery.js"></script>
<script src="~/js/layer.js"></script>
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/layui/layui.js" charset="utf-8"></script>
<script src="~/js/bootstrap.min.js"></script>
<script src="~/js/bootstrap-table.js"></script>
<script src="~/js/bootstrap-table-zh-CN.min.js"></script>
<script src="~/js/date/js/laydate.js"></script>
<script src="~/js/layer_v2.1/layer/layer.js"></script>
<script src="~/js/person.js"></script>
</html>